<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="Bootstrap/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="static/bootstrap-3.4.1/js/jquery.min.js"
            integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"
            crossorigin="anonymous"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="Bootstrap/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
            crossorigin="anonymous"></script>
    <style>
        .form {
            background: rgba(255, 255, 255, 0.9);
            width: 400px;
            margin: 50px auto;
        }

        label {
            font-family: Arial;
            font-size: 15px
        }

        input.form-control:valid {
            background-color: mintcream;
        }

        input.form-control:invalid {
            background-color: #ffeeed;
        }

        input[type="text"], input[type="password"], input[type="email"] {
            padding-left: 26px;
        }

        .form-title {
            padding-top: 20px;
        }

        #button {
            padding-bottom: 50px;
        }


    </style>
</head>
<body>
<div class="container">
    <div class="form row">
        <form class="form-horizontal col-sm-offset-3 col-md-offset-3">
            <h2 class="form-title">登录</h2>
            <div class="col-sm-9 col-md-9">
                <div class="form-group">
                    用户名：<i class="fa fa-user" aria-hidden="true"></i>
                    <input class="form-control" type="text" name="homeuserName" id="username" placeholder="请输入用户名" required
                           autofocus>
                </div>
                <div class="form-group">
                    密码：<i class="fa fa-key" aria-hidden="true"></i>
                    <input class="form-control " type="password" name="homeuserPassword" id="password" placeholder="请输入密码"
                           required>
                </div>
                <div class="form-group">
                    <br>
                    <a href="注册.html">没有账号？立即注册</a>
                </div>
                <div class="form-group">
                    <a href="Accounting.html"><input type="button" value="登录"></a>
                    <a href="Homepage.html"><input type="button" value="返回"></a>
                </div>

            </div>
        </form>
    </div>
</div>
</body>
</html>